<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>账户信息 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<%@include file="../common/css.jsp" %>
<link href="/css/base/hf.css" type="text/css" rel="stylesheet" />
<link href="/css/other.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
	memberManageTab('1');
});
	function memberOth(){
		$("#memberOth").load("memberOth.htm");
	}
	
	//基本信息
	function memberManageTab(type) {
		$(".i_menu li").attr("class", "");
		$("#memberManageTab" + type).addClass("current");
		switch (type) {
		case '1': {
			$('#memberDetail').load("memberInfor.htm");
			break;
		}
		case '2': {
			$('#memberDetail').load("memberCon.htm");
			break;
		}
		case '3': {
			$('#memberDetail').load("memberAva.htm");
			break;
		}
		case '4': {
			$('#memberDetail').load("memberMpw.htm");
			break;
		}
		}
	}
</script>
</head>
<body>
 <!-- head -->
	<%@include file="../common/header.jsp" %>
	<!-- header-->
	<div class="wrap">
    	<div class="w965 mg i_main_box">
        	<!-- left -->
           <%@include file="myLeft.jsp" %>
            <!-- left--end-->
              <!-- right -->
            <div class="i_right_box" style="height:1500px;">
            	<div class="i_account_wrap" id="memberOth">
                	<h1>账户信息</h1>
                    <div class="ml20 mr20" >
                    	<ul class="i_title_sorts">
                        	<li class="current">
                            	个人信息
                            </li>
                            <!-- <li>
                            	<a href="javascript:void(0);" onclick="memberOth();">取票人信息</a>
                            </li> -->
                        </ul>
                        <ul class="i_menu mt10">
                        	<li class="current" onclick="memberManageTab('1')" style="cursor: pointer;" id="memberManageTab1">
                            	<a>个人资料</a>
                            </li>
                            <li onclick="memberManageTab('2')" style="cursor: pointer;" id="memberManageTab2">
                            	<a>联系方式</a>
                            </li>
                            <li onclick="memberManageTab('3')" style="cursor: pointer;" id="memberManageTab3">
                            	<a>头像照片</a>
                            </li>
                            <li onclick="memberManageTab('4')" style="cursor: pointer;" id="memberManageTab4">
                            	<a class="last">修改密码</a>
                            </li>
                        </ul>
                        <div class="i_info_wrap"  id="memberDetail">
                        </div>
                    </div>
                </div>
            </div>
         
        </div>
    </div>
       <!-- help-->
         <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        <!-- help--end-->
        
    
    <!-- content--end-->
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
<!-- right -->
            	
            <!-- right--end -->
</body>
</html>